
@import '../../css/theme.styl' 
    
.public-menu
    width: 234px;
    height 460px;
    position absolute;
    top:0
    left:0
    z-index: 99;
    font-size: 14px;
    color: #fff;
    background: rgba(105,101,101,.6);
    .public-menu-content
        margin-top:20px;
        position: relative;
        .menu-item
            cursor pointer
            display inline-block;
            box-sizing:border-box;
            width:100%;
            padding-left:30px;
            height:42px;
            line-height: 42px;
            &:hover
                background $themecolor
                .menu-right
                    display block;
            .item-title
                position relative
                display : inline-block
                width: 210px;
                color: $themewhite
                .iconfont
                    position:absolute;
                    font-size: 20px;
                    top:0;
                    right:20px;
            .menu-right-col-4
                width 966px;
            .menu-right-col-3
                width 724.5px;
            .menu-right-col-2
                width 530px;   
            .menu-right-col-1
                width 241.5px;  
            .menu-right
                display:none;
                position absolute
                box-sizing: border-box;
                height 461px;
                top:-20px;
                left 234px;
                z-index: 99;
                color:#000;
                padding:20px;
                background #fff;

                border-top: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0;
                border-bottom: 1px solid #e0e0e0;
                border-left: 1px solid #e0e0e0;
                box-shadow: 0 8px 16px rgba(0,0,0,.18);
                .menu-right-list
                    display: inline-block;
                    box-sizing: border-box;
                    width:230px;
                    height 461px;
                    float left
                    .menu-right-item
                        box-sizing: border-box;
                        display inline-block;
                        margin-bottom:33px;
                        //background:purple;
                        width:230px;
                        height:42px;
                        line-height: 42px;
                        img
                            width 42px;
                            height 42px;
                            float left
                        span
                            margin-left 10px;
                            &:hover
                                color $themecolor